<template>
  <div class="suppor">
    <!-- 导航 -->
    <nav-bar></nav-bar>
    <!-- 身体 -->
    <div class="border">
      <div class="top">
        <div class="top-content">
          <div class="top-continer">
            <div class="large">
              <div>
                <div class="f1">
                  <h1 class="title color-black h1 uppercase">NVIDIA 支持</h1>
                </div>
                <div class="f2">
                  <p>
                    NVIDIA
                    的支持服务旨在满足消费者和企业客户的需求，提供多种选择来帮助确保出色的客户体验。&nbsp;
                  </p>
                  <p>请选择下面的相应选项以了解详情。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="bottom">
        <div class="bottom-content">
          <div class="bottom-continer">
            <div class="large">
              <!-- card1 -->
              <div class="card">
                <el-card class="box-card" shadow="hover">
                  <div class="text-item">
                    <div class="continer">
                      <div class="top">
                        <h2 class="title color-black h3 none">消费者支持</h2>
                      </div>
                      <div class="center">
                        <p>寻找针对以下产品的支持：</p>
                        <ul>
                          <li>显卡</li>
                          <li>显卡</li>
                          <li>显卡</li>
                          <li>显卡</li>
                        </ul>
                      </div>
                      <div class="bottom">
                        <div class="text">
                          <a href="/">
                            <span>探索支持选项</span>
                            <span class="el-icon-arrow-right"></span>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-card>

                <!-- card2 -->
                <el-card class="box-card" shadow="hover">
                  <div class="text-item">
                    <div class="continer">
                      <div class="top">
                        <h2 class="title color-black h3 none">消费者支持</h2>
                      </div>
                      <div class="center">
                        <p>寻找针对以下产品的支持：</p>
                        <ul>
                          <li>显卡</li>
                          <li>显卡</li>
                          <li>显卡</li>
                          <li>显卡</li>
                        </ul>
                      </div>
                      <div class="bottom">
                        <div class="text">
                          <a href="/">
                            <span>探索支持选项</span>
                            <span class="el-icon-arrow-right"></span>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-card>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 页脚 -->
    <footer-one></footer-one>
  </div>
</template>

<script>
import NavBar from "@/components/NavBar.vue";
import FooterOne from "@/components/FooterOne.vue";
export default {
  components: { NavBar, FooterOne },
};
</script>

<style scoped src="../assets/css/suppor.css">
</style>
<style lang="scss" scoped>
</style>